Spread.Viewsでは、階層のフッターをカスタマイズできます。フッターには、集計値、合計、要約などの情報を表示できます。
階層のフッターをカスタマイズするには、次の手順を実行します。
サンプルコード
以下の手順では、グリッドの初期化と列の定義を終えていることを前提としています。詳細については、「基本的なグリッドの作成」および「列の定義」を参照してください。
グリッドIDを呼び出してコードを初期化するときに、footerプロパティにtemplateプロパティを使用します。footerプロパティは、hierarchyプロパティで使用できます。templateプロパティは、集計値の表示に必要となる書式と数式を保持します。
var dataView = new GC.Spread.Views.DataView(document.getElementById('grid1'), data, columns, new GC.Spread.Views.Plugins.GridLayout({
allowSorting: true,
showRowHeader: false,
hierarchy: {
keyField: 'id',
parentField: 'parent',
collapsed: false,
column: 'department',
footer: {
visible: true,
height: 40,
template: '<p class="footer-p">Count:{{=it.eval("=COUNT([id])")}}, Total Budget:{{=it.eval("=SUM([budget]", "$#,#")}}, Max Budget:{{=it.eval("=MAX([budget]", "$#,#")}}, Min Budget={{=it.eval("=MIN([budget]", "$#,#")}}</p>'
}
}
}));